<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>支付</title>
		<link rel="stylesheet" type="text/css" href="css/public/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/indexPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/userPage.css"/>
		<style>
			#myModal .modal-content{
				padding:10px 20px;
				border-radius: 0;
				display: inline-block;
			}
			#myModal .modal-header{
				border-bottom: none;
			}
			
			#myModal .modal-body{
			    width: 580px;
				height: 410px;
				padding: 20px;
				overflow:auto;
			}
			#myModal .modal-body ul{
				padding:10px 20px;
				margin-bottom: 20px;
				border: 1px solid #ccc;
			}
			#myModal .modal-body ul.onChose{
				border: 2px solid #F5CEA7;
			}
			#myModal .modal-body ul li{
				cursor: pointer;
			}
			#myModal .modal-body ul li span{
				display: inline-block;
				line-height: 25px;
				font-size: 14px;
				color: #999;
			}
			#myModal .pre-scrollable{
				max-height: 410px;
			}
			#myModal .modal-body ul li span.text{
				color: #000;
			}
			#myModal .modal-body ul li span.default{
				font-size: 13px;
				color: #F5CEA7;
			}
			#myModal .modal-footer{
				text-align: center;
				margin-top: 10px;
				border-top: none;
			}
			#myModal .modal-footer .btn{
				padding: 9px 40px;
			}
		</style>
	</head>
	<body>
		<!-- header start -->
		<div id="header"></div>
		<!-- header end -->
		
		<!-- payPage start -->
		<div class="payPage">
			<div class="container">
				<div class="chosePayType">
					<h3>选择付款方式</h3>
					<div class="clearfix">
						<span class="fl-l">订单编号：<i id="orderCode"></i></span>
						<span class="fl-r">实付：￥<i id="total"></i></span>
					</div>
				</div>
				<div class="addressMessage">
					<div class="title">
						<h4>支付方式</h4>
					</div> 
					<div class="info clearfix" >
						<table id="payTypeTable">
							<tr>
								<td>
									<input type="radio" name="payType" value="23">
									<span class="payImg"></span>
								</td>
								<td>
									<input type="radio" name="payType" value="23">
									<span class="payImg"></span>
								</td>
								<td>
									<input type="radio" name="payType" value="24">
									<span class="payImg"></span>
								</td>
								<td>
									<input type="radio" name="payType" value="21">
									<span class="payImg"></span>
								</td>
								<!-- <td>
									<input type="radio" name="payType" value="27">
									<span class="payImg"></span>
									<span>艾乐币支付</span>
								</td> -->
							</tr>
						</table>
					</div>
				</div>
				<button  class=" fl-r btn btn-danger" onclick="pay()">立即付款</button>
			</div>
		</div>
		<!-- payPage end -->
		
		<!-- 模态框（Modal） -->
			<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
				<div class="modal-dialog" style="width: 500px;">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel2">
								确认付款
							</h4>
						</div>
						<div class="modal-body">
							<form class="form-inline" role="form" id="payForm">
								<div class="">
								    <label for="inputPwd" style="font-weight:normal;font-sixe:16px;">请输入支付密码</label>
								    <input type="password" class="form-control" id="inputPwd" style="width:78%;">
								</div>
								<span id="returnMsg" style="display:none;color:#D9534F;font-size:12px;">密码不正确</span>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-danger" id="surePay">确定
							</button>
							<button type="button" class="btn btn-default"  id="cancelPay" data-dismiss="modal">
								取消
							</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			
			<!-- 模态框（Modal） -->
			<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
				<div class="modal-dialog" style="width: 500px;">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel3">
							</h4>
						</div>
						<div class="modal-body">
							<span>支付成功,返回首页!</span>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-danger" id="sureHref" data-dismiss="modal">确定
							</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
		<!--content end-->
		
		
		<!--footer start-->
		<div id="footer"></div>
		<!--footer end-->
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/pageJs/pay.js"></script>
		
	</body>
</html>
